<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>深信计算机协会-2019春节红包活动</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <!-- Add your keywords and description here for SEO. -->
    <meta name="keywords" content="深信计算机协会;2019春节红包活动">
    <meta name="description" content="深信计算机协会-2019春节红包活动">
    <!--<link rel="shortcut icon" type="image/png" href="images/favicon.png"/>-->

    <!-- Uncomment this if you need apple touch icon. -->
    <!--
    <link rel="apple-touch-icon" href="touch-icon-iphone.png">
    <link rel="apple-touch-icon" sizes="76x76" href="touch-icon-ipad.png">
    <link rel="apple-touch-icon" sizes="120x120" href="touch-icon-iphone-retina.png">
    <link rel="apple-touch-icon" sizes="152x152" href="touch-icon-ipad-retina.png">
    -->

    <!-- Don't delete this. It's needed for development workflow. -->
    <!-- inject:css -->
    <!-- endinject -->

</head>

<body>
<div class="loading-overlay">
    <img src="images/loading.svg">
</div>

<div class="swiper-container">
    <div class="swiper-wrapper">
        <div class="swiper-slide slide-4">
            <img src="./images/bg-top.png" alt="" id="topImg4">
            <img src="./images/bg-bot.png" alt="" id="topImg41">
            <div id="slide4content" class="item-image animated" data-ani-name="zoomIn" data-ani-duration="2s"
                 data-ani-delay="0s">
                <img src="./images/logo.png" alt="" id="logo">
                <div id="slide4text">
                    <p>深信计算机协会</p>
                    <br>
                    <p>2019春节红包活动</p>
                </div>
                <img src="./images/load-btn.png" alt="" id="startBtn" onclick="window.mySwiper.slideNext()">
            </div>

        </div>
        <div class="swiper-slide slide-5">
            <div class="questionBox item-image animated" data-ani-name="bounceInDown" data-ani-duration="1s"
                 data-ani-delay="0s"  >
                <p class="question">下面选项中哪个是计算机协会微信公众号-服务号？</p>

                    <p class="answer "  no="1">深信计算机协会</p>
                    <p class="answer " no="1">深信计协</p>
                    <p class="answer " data="t" no="1">深信Aiy计协</p>
                    <p class="answer" no="1">Aiy计算机协会</p>


            </div>
        </div>

        <div class="swiper-slide slide-6">
            <div class="questionBox item-image animated" data-ani-name="slideInUp" data-ani-duration="1s"
                 data-ani-delay="0s">
                <p class="question" no="2">深信计算机协会是哪一年成立？</p>
                <p class="answer" no="2">2011</p>
                <p class="answer" no="2" data="t">2012</p>
                <p class="answer" no="2">2013</p>
                <p class="answer" no="2">2014</p>
            </div>
        </div>
        <div class="swiper-slide slide-7">
            <img src="./images/load-img.png" >
            <div class="questionBox item-image animated" data-ani-name="flipInY" data-ani-duration="1s"
                 data-ani-delay="0s">
                <p class="question">计算机协会每周星期什么时间段在哪进行定点维修？</p>
                <p class="answer answerP" no="3">星期一，14：00-16：00，U站</p>
                <p class="answer answerP" no="3">星期二、四，14：30-16：30，A饭前</p>
                <p class="answer answerP" no="3"  data="t">星期三，14：30-16：30，U站</p>
                <p class="answer answerP" no="3">周末两天，13：30-17：30，各技术人员宿舍</p>
            </div>
        </div>
        <div class="swiper-slide slide-8">
            <img src="images/box2-top.png" >
            <div class="questionBox item-image animated" data-ani-name="zoomInLeft" data-ani-duration="1s"
                 data-ani-delay="0s">
                <p class="question">计算机协会修电脑收费吗？</p>
                <p class="answer answerP" no="4">全部收费</p>
                <p class="answer answerP"  data="t" no="4">全部免费</p>
                <p class="answer answerP" no="4">预约维修免费，定点维修收费</p>
                <p class="answer answerP" no="4">预约维修收费，定点维修免费</p>
            </div>
        </div>
        <div class="swiper-slide slide-9">
            <div class=" item-image animated" data-ani-name="heartBeat" data-ani-duration="1s" data-ani-delay="0s">
                <div class="questionBox">

                    <p class="question">下面哪项不是计算机协会的服务？</p>
                    <p class="answer " no="5">预约维修</p>
                    <p class="answer " no="5">电量查询</p>
                    <p class="answer " no="5">存储准考证</p>
                    <p class="answer " no="5" data="t">资源下载</p>
                    <!--<img src="images/newgiftbutton_conew1.png" alt="抽奖">-->
                </div>

            </div>
            <p   id="TencentCaptcha"
                 data-appid="2042128355"
                 data-cbfn="chai"
                 class="animated"
                 data-ani-name="swing" data-ani-duration="9s" data-ani-delay="0s"

            >拆红包</p>

        </div>

        <div class="swiper-slide slide-10">
                <img src="./images/guanggao_conew1.jpg"  style="width: 100%;height: 100%"  alt="广告">

        </div>

        <!--<div class="swiper-slide slide-1">
            <div class="item-image animated" data-ani-name="slideInLeft" data-ani-duration="1s" data-ani-delay="0s"></div>
            <p class="item-text animated" data-ani-name="slideInRight" data-ani-duration="1s" data-ani-delay="0.3s">I'm a coder!</p>
        </div>
        <div class="swiper-slide slide-2">
            <div class="item-image animated" data-ani-name="bounceInDown" data-ani-duration="1s" data-ani-delay="0s"></div>
            <p class="item-text animated" data-ani-name="bounceInUp" data-ani-duration="1s" data-ani-delay="0.3s">I'm a frontend developer!</p>
        </div>
        <div class="swiper-slide slide-3">
            <div class="item-image animated" data-ani-name="flipInX" data-ani-duration="1s" data-ani-delay="0s"></div>
            <p class="item-text animated" data-ani-name="flipInY" data-ani-duration="1s" data-ani-delay="0.3s">I'm a javascript newbie!</p>
        </div>-->
    </div>
</div>

<!--<button class="up-arrow">
    <i class="icon-angle-double-up"></i>
</button>-->

<button class="btn-music">
    <i class="icon-note"></i>
</button>

<audio loop>
    <source src="audios/background.mp3" type="audio/mpeg">
</audio>

<!-- Don't delete this. It's needed for development workflow. -->
<!-- inject:js -->
<!-- endinject -->

</body>
<script src="https://ssl.captcha.qq.com/TCaptcha.js"></script>
</html>
